<template>
  <div class="prize">
    <div class="prize-header"></div>
    <div class="prize-content">
      <p class="prize-text">奖品由Merci萌西烘培提供的满200-50元优惠券，集满以上8个文字即可获得，该优惠券可在Merci萌西烘培商城中进行消费使用。</p>
    </div>
    <div class="footer">
      <div class="logo">
        <img src="../assets/img/logo.png" class="logo-image">
      </div>
      <p class="logo-text">Merci，</p>
      <p class="logo-text">尊重食之本味，</p>
      <p class="logo-text">回归天然本真，</p>
      <p class="logo-text">期待与您的每一次甜蜜相遇。</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Prize'
}
</script>

<style lang="stylus" scoped>
 .prize-header
    width 463px
    height 77px
    background url("../assets/img/prize-header-background.png") no-repeat
    background-size cover
    margin 0 auto
  .prize-content
    width 623px
    height 350px
    background url("../assets/img/rectangle.png") no-repeat
    background-size cover
    margin 32px auto 0
    .prize-text
      padding 50px 15px 0
      font-size 30px
      line-height 36px
      color rgb(243,98,141)
  .footer
    margin 85px auto 0
    .logo
      width 77px
      height 77px
      margin 0 auto
      .logo-image
        width 100%
        height auto
    .logo-text
      font-size 26px
      color #ccc
      text-align center
      margin-top 10px
      padding-left 26px
</style>
